<template>
  <div class="app-foot">
    {{footerMsgCopyright}}
    <span class="source"> {{footerMsgName}}</span>
  </div>
  <!-- <div class="footer" style="background-color: #323232; height: 200px;">hello</div> -->
</template>

<script>
export default {
  name: "MyFooter",
  data() {
    return {
      // 版权说明的文字
      footerMsgCopyright: "Copyright © Yes-water Power By :",
      // 单位
      footerMsgName: "宇宙帅哥俱乐部",
    };
  },
};
</script>

<style scoped>
.app-foot {
  /* footer 固定在页面底部 */
  position: relative;
  min-height: 150px;
  width: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #323232;
  color: aliceblue;
}
.source {
  font-weight: 600;
}
</style>